import React from 'react';
// 父组件
// const APP = () => {
//   return (
//     <div>
//       <HandleHello count={100} name="悟空"></HandleHello>
//     </div>
//   );
// };
// // 函数组件
// // 子组件
// const HandleHello = (props) => {
//   console.log('props----->', props);
//   return (
//     <div>
//       <h3>props.name：{props.name}</h3>
//       <h3>props.count：{props.count}</h3>
//     </div>
//   );
// };

// 类组件
class APP extends React.Component {
  render() {
    return (
      <div>
        <HandleHello count={100} name="悟空"></HandleHello>
      </div>
    );
  }
}
class HandleHello extends React.Component {
  render() {
    console.log('this.props----->', this.props);
    return (
      <div>
        <h3>this.props.name：{this.props.name}</h3>
        <h3>this.props.count：{this.props.count}</h3>
      </div>
    );
  }
}

export default APP;
